@font-face {
    font-family: "Open Sans";
    src: url("#{resource['fonts:OpenSans-Light-webfont.eot']}");
    src: url("#{resource['fonts:OpenSans-Light-webfont.eot?#iefix']}") format("embedded-opentype"),
        url("#{resource['fonts:OpenSans-Light-webfont.woff']}") format("woff"),
        url("#{resource['fonts:OpenSans-Light-webfont.ttf']}") format("truetype"),
        url("#{resource['fonts:OpenSans-Light-webfont.svg#OpenSansLight']}") format("svg");
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: "Open Sans";
    src: url("#{resource['fonts:OpenSans-Regular-webfont.eot']}");
    src: url("#{resource['fonts:OpenSans-Regular-webfont.eot?#iefix']}") format("embedded-opentype"),
        url("#{resource['fonts:OpenSans-Regular-webfont.woff']}") format("woff"),
        url("#{resource['fonts:OpenSans-Regular-webfont.ttf']}") format("truetype"),
        url("#{resource['fonts:OpenSans-Regular-webfont.svg#OpenSansRegular']}") format("svg");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "Open Sans";
    src: url("#{resource['fonts:OpenSans-Semibold-webfont.eot']}");
    src: url("#{resource['fonts:OpenSans-Semibold-webfont.eot?#iefix']}") format("embedded-opentype"),
        url("#{resource['fonts:OpenSans-Semibold-webfont.woff']}") format("woff"),
        url("#{resource['fonts:OpenSans-Semibold-webfont.ttf']}") format("truetype"),
        url("#{resource['fonts:OpenSans-Semibold-webfont.svg#OpenSansSemibold']}") format("svg");
    font-weight: 600;
    font-style: normal;
}
html, body {
    font-family: 'Open Sans', Lucida Grande, Lucida Sans, Arial, sans-serif !important;
    font-size: 12px !important;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}
.ui-widget { 
    font-family: 'Open Sans', Lucida Grande, Lucida Sans, Arial, sans-serif !important;
    font-size: 12px !important
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { 
    font-family: 'Open Sans', Lucida Grande, Lucida Sans, Arial, sans-serif !important;
    font-size: 12px !important; 
}
.titulo {
    font-size: 24px !important;
}
.subtitulo {
    font-size: 16px !important;
}
.etiqueta {
    font-weight: bold !important;
}
.subindice {
    font-size: 9px !important;
}
.arriba {
    vertical-align: top;
}
.ancho-total {
    width: 100%;
}
.centrado {
    text-align: center;
}


/*       ICONOS        */

.icono-agregar {
    margin-right: 4px;
    background-image:url("./../../resources/img/icono-agregar.png") !important
}
.icono-editar {
    margin-right: 4px;
    background-image:url("./../../resources/img/icono-editar.png") !important
}
.icono-eliminar {
    margin-right: 4px;
    background-image:url("./../../resources/img/icono-eliminar.png") !important
}
.icono-buscar {
    margin-right: 4px;
    background-image:url("./../../resources/img/icono-buscar.png") !important
}
.icono-guardar {
    margin-right: 4px;
    background-image:url("./../../resources/img/icono-guardar.png") !important
}
.icono-salir {
    margin-right: 4px;
    background-image:url("./../../resources/img/icono-salir.png") !important
}
.icono-perfil {
    margin-right: 4px;
    background-image:url("./../../resources/img/icono-perfil.png") !important
}
.icono-datos {
    margin-right: 4px;
    background-image:url("./../../resources/img/icono-datos.png") !important
}
.icono-usuario {
    margin-right: 4px;
    background-image:url("./../../resources/img/icono-usuario.png") !important
}
.icono-principal {
    margin-right: 4px;
    background-image:url("./../../resources/img/icono-principal.png") !important
}
.icono-consulta {
    margin-right: 4px;
    background-image:url("./../../resources/img/icono-consulta.png") !important
}
.icono-cambiar {
    margin-right: 4px;
    background-image:url("./../../resources/img/icono-cambiar.png") !important
}
.icono-programa {
    margin-right: 4px;
    background-image:url("./../../resources/img/icono-programa.png") !important
}
.icono-locacion {
    margin-right: 4px;
    background-image:url("./../../resources/img/icono-locacion.png") !important
}
.icono-guion {
    margin-right: 4px;
    background-image:url("./../../resources/img/icono-guion.png") !important
}
.icono-guiontecnico {
    margin-right: 4px;
    background-image:url("./../../resources/img/icono-guiontecnico.png") !important
}
.icono-regresar {
    margin-right: 4px;
    background-image:url("./../../resources/img/icono-regresar.png") !important
}
.icono-detalles {
    margin-right: 4px;
    background-image:url("./../../resources/img/icono-detalles.png") !important
}
.icono-foto {
    margin-right: 4px;
    background-image:url("./../../resources/img/icono-foto.png") !important
}
.icono-presupuesto {
    margin-right: 4px;
    background-image:url("./../../resources/img/icono-presupuesto.png") !important
}